<!DOCTYPE html>
<head></head>
<link rel="stylesheet" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<body>
<h1>A few simple d3.js examples</h1>
<p>To try these, you should <a href="https://github.com/cs186-spring15/course">clone the github repo</a> and fire up a web server, e.g.:

<div class="code" style="margin:2em;width:20em;height:3em">
<pre>

  % python -m SimpleHTTPServer 8888

</pre>
</div>

</p>

<ol>
	<li>styling text with d3 <a href="./00styletext.html">awkwardly</a>,
	 and with <a href="./01methodchain.html">method chaining</a></li>
	<li>data-DOM joins: <a href="./02scaletext.html">data-driven text scaling</a></li>
	<li>outer joins: using <a href="./03enter.html">enter() and exit() sets</a></li>
	<li>bar charts using <a href="./04bars.html">simple HTML divs</a>
	 and <a href="./05svgbars.html">SVG rects</a></li>
	<li><a href="./06svgcircles.html">data-driven circles</a></li>
	<li>theta-join: <a href="./07joinkeys.html">binding data with key functions</a>
	 and <a href="./08labeledcircles.html">with simple text labels</a> added</li>
</ol>
</body>
